/* ************ 弹性盒子布局 ************ */
.flex {
  display: flex;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-around {
  justify-content: space-around;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.align-center {
  align-items: center;
}
.flex-col {
  flex-direction: column;
}
.flex1 {
  flex: 1;
}
/* ************ text ************ */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-indent {
  text-indent: 2em;
}
.text-lower {
  text-transform: lowercase;
}
.text-upper {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-through {
  text-decoration: line-through;
}
.text-underline {
  text-decoration: underline;
}
.text-overline {
  text-decoration: overline;
}
.text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* ************ display ************ */
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.hide {
  display: none;
}
/* ************ overflow ************ */
.hidden {
  overflow: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-auto {
  overflow: auto;
}
.visible-hidden {
  visibility: hidden;
}
/* ************ shadow ************ */
.shadow-dark {
  box-shadow: 0 0 10px #666;
}
.shadow-light {
  box-shadow: 0 0 10px #ccc;
}
/* ************ 盒模型 ************ */
.border-box {
  box-sizing: border-box;
}
.content-box {
  box-sizing: content-box;
}
/* ************ others ************ */
.margin-auto {
  margin: 0 auto;
}
.select-none {
  user-select: none;
}
[class*="kd"] {
  width: 100%;
  height: 100%;
}
